<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>俄罗斯方块 - AI自动玩</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="game-container">
        <h1>俄罗斯方块 - AI自动玩</h1>
        
        <div class="game-board">
            <canvas id="tetris" width="300" height="600"></canvas>
            
            <div class="game-info">
                <div class="next-piece">
                    <h3>下一个</h3>
                    <canvas id="nextPiece" width="120" height="120"></canvas>
                </div>
                
                <div class="score-info">
                    <p>分数: <span id="score">0</span></p>
                    <p>行数: <span id="lines">0</span></p>
                    <p>等级: <span id="level">1</span></p>
                </div>
                
                <div class="controls">
                    <button id="startBtn" class="btn">开始游戏</button>
                    <button id="pauseBtn" class="btn">暂停</button>
                    <button id="aiBtn" class="btn">AI自动玩</button>
                    <button id="resetBtn" class="btn">重置</button>
                </div>
            </div>
        </div>
        
        <div class="game-message" id="gameMessage">
            <p id="messageText">按开始键开始游戏</p>
        </div>
    </div>
    
    <script src="tetris.js"></script>
    <script src="ai.js"></script>
    <script src="main.js"></script>
</body>
</html>